.home {
    background-color: #f0f2f5;
    // height: 100vh;
    padding: 0px 10px;
    border-top: 1px solid #f0f2f5;

    .top {
        display: flex;
        flex-wrap: wrap;

        .box {
            width: 29%;
            height: 20%;
            background-color: #fff;
            border-radius: 12px;
            color: #554e4e;
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin: 30px 2% 0;

            .yesterday {
                background-color: rgb(250, 88, 34) !important;
            }

            .seven {
                background-color: rgb(0, 151, 137) !important;
            }

            .month {
                background-color: rgb(247, 184, 36) !important;
            }

            .year {
                background-color: rgb(48, 65, 86) !important;
            }

            .tubiao {
                background-color: rgb(84, 173, 235);
                width: 40%;
                height: 98%;
                border-radius: 12px;

                .title {
                    margin-top: 1%;
                    margin-left: 3%;
                    font-size: 14.5px;
                    color: #fff;
                }

                .fonts {
                    font-size: 55px;
                    font-weight: 700;
                    width: 100%;
                    height: 55px;
                    text-align: center;
                    color: #fff;
                    margin-top: 5%;
                    line-height: 44px;
                }
            }

            .one {
                width: 55%;
                height: 100%;
                margin-right: 5px;

                .shen {
                    margin-top: 15%;
                    font-size: 17px;
                }

                .tong {
                    font-size: 14px;
                }
            }
        }

    }

    .record {
        margin-top: 30px;
        background-color: #fff;
        padding-top: 20px;
        padding: 20px;
    }

    .table {
        .header {
            padding: 18px 20px;
            background-color: #fff;
            margin-top: 30px;
            margin-bottom: 1px;
        }

        .body {
            background-color: #fff;
            padding: 20px;
            display: flex;

            .box {
                display: flex;

                span {
                    font-weight: 700;
                    font-size: 16px;
                }

                .ant-table-thead>tr>th {
                    width: 170px;
                    font-weight: 700;
                    color: #909399;
                }

            }
        }
    }
}